<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">

        <title></title>
        {literal}
        <style type="text/css">
            html, body {
                background-color: #d6e2f0;
                background-image: url('images/background.jpg');
                background-repeat: no-repeat;
                position: relative;
                margin:0;
                padding:0;
                height:100%; /* needed for container min-height */
                overflow: hidden;
            }
            #footer2 {
                width: 930px;
                height: 218px;
                background-image: url('images/footer.png');
                backgound-position: bottom center;
                position: relative;
                margin-top: -218px;
                clear:both;
            }

            #container {
                position: relative; /* needed for footer positioning*/
                margin:0 auto; /* center, not in IE5 */
                
                
                height: 500px;
                overflow: auto;
            }

            #footer {
                position: relative;
                width:100%;
                bottom:0; /* stick to bottom */
                background-image: url('images/footer.png');
                height: 218px;
                float: left;
                margin-top: -50px;
            }
        </style>

        {/literal}
    </head>
    <body>
        <div id="header">
            this is header
        </div>

        <div id="container">
            
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
                <p>this is content</p>
        </div>
        <div id="footer"></div>




        {*include file='footer.tpl'*}
    </body>
</html>
